<template>
  <div id="map">
    <iframe
      src="https://apis.map.qq.com/uri/v1/search?keyword=中国石油加油站&center=CurrentLocation&radius=3000&referer=FHPBZ-R4YEF-IO2JB-NLQ24-HV2XJ-YYFCR"
      frameborder="0"
      :style="'height: ' + height + 'px;padding-bottom: 3rem;box-sizing: border-box;'"
    ></iframe>
    <!-- <iframe
      src="//m.amap.com/around/?locations=112.99966,28.17193&keywords=中国石油加油站&defaultIndex=1&defaultView=map&searchRadius=50000&key=22d29933d169a5ca9d02c9e3589cb3b5&platform=mobile"
      frameborder="0"
      :style="'height: ' + height + 'px;padding-bottom: 3rem;box-sizing: border-box;'"
    ></iframe> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      height: document.documentElement.clientHeight
    };
  }
};
</script>

<style lang='scss' scoped>
#map {
  iframe {
    width: 100%;
  }
}
</style>